<template>
  <div class="router-content">
    <div class="mian-header">添加档口</div>
    <div class="main-content">
      进入档口管理，选择档口，进入档口页面，点击右上角“添加档口”，如下图所示
      <img src="/static/imgs/windows/window_1.png"/>
      弹出对话框，如下图所示，填写档口信息，名称、图片、描述，点击提交，即可添加档口成功。
      <img src="/static/imgs/windows/window_2.png"/>
    </div>
    <div class="mian-header">授权档口</div>
    <div class="main-content">
      点击已创建档口右边的“授权”按钮，如下图所示
      弹出授权对话框，如下图所示，选择想要授权的员工，点击确定，即可授权成功。
      <img src="/static/imgs/windows/window_3.png"/>
    </div>
    <div class="mian-header">修改档口信息</div>
    <div class="main-content">
      点击已创建档口右边的“修改”按钮，如下图所示，
      <img src="/static/imgs/windows/window_4.png"/>
      弹出档口信息的窗口，可以修改名称，添加图片，添加描述
      <img src="/static/imgs/windows/window_5.png"/>
      点击提交，即可修改档口信息成功。
    </div>
    <div class="mian-header">删除档口</div>
    <div class="main-content">
      点击已创建档口旁边的“删除”按钮，如下图所示，即可删除档口。
      <img src="/static/imgs/windows/window_6.png"/>
    </div>
    <div class="mian-header">查询档口</div>
    <div class="main-content">
      在名称旁边的输入框中输入档口名称，如下图所示，点击查询，即可查询档口。
      <img src="/static/imgs/windows/window_7.png"/>
    </div>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
export default {
  name: 'index',
  data () {
    return {
      menus: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
  }
}
</script>
<style>
</style>
